 <style lang="scss">
 .content{
   dl{
    width: 90%;
    height: 130px;
    background: #fff;
    margin-top: 10px;
    margin-left: 10px;
    dt{
      float: left;
      img{
         width:120px;
      height: 120px;
      }
    }
    dd{
   margin-top: 5px;
    }
    
    .desc{
      font-size: 12px;
      color: #a1a1a1;
    }
    .num{
      
      width: 65px;
       height: 15px;
      background: #f7f7f7;
      font-size: 12px;
      margin-left: 130px;
      margin-top: 50px;
      color: #c1c1c1;
    }
   }
 }
</style>
<template>
  <div>
    <van-nav-bar
      title="健康测评"
      left-text="返回"
      left-arrow
      @click="onClickLeft"
    />

    <!-- <van-tabs v-model:active="active" sticky>
      <van-tab title="热门">
        <div class="content" @click="diabetesTest">
          <dl @click="stressTest">
            <dt><img src="../../../public/healhtool/a1.png" alt=""></dt>
            <dd>胃部压力小测试</dd>
            <dd class="desc">现代人长期压力繁重的工作和不规律的饮
食下，往往会给胃部带来压力，越来越..</dd>
             <dd class="num">7594人参与</dd>
          </dl>
          <dl>
            <dt><img src="../../../public/healhtool/a1.png" alt=""></dt>
            <dd>糖尿病风险测试</dd>
            <dd class="desc">现代人长期压力繁重的工作和不规律的饮
食下，往往会给胃部带来压力，越来越..</dd>
             <dd class="num">7594人参与</dd>
          </dl>
          <dl>
            <dt><img src="../../../public/healhtool/a1.png" alt=""></dt>
            <dd>胃部压力小测试</dd>
             <dd class="desc">现代人长期压力繁重的工作和不规律的饮
食下，往往会给胃部带来压力，越来越..</dd>
             <dd class="num">7594人参与</dd>
          </dl>
          <dl>
            
            <dt><img src="../../../public/healhtool/a1.png" alt=""></dt>
            <dd>胃部压力小测试</dd>
              <dd class="desc">现代人长期压力繁重的工作和不规律的饮
食下，往往会给胃部带来压力，越来越..</dd>
             <dd class="num">7594人参与</dd>
          </dl>
          <dl>
            <dt><img src="../../../public/healhtool/a1.png" alt=""></dt>
            <dd>胃部压力小测试</dd>
              <dd class="desc">现代人长期压力繁重的工作和不规律的饮
食下，往往会给胃部带来压力，越来越..</dd>
             <dd class="num">7594人参与</dd>
          </dl>
        </div>
      </van-tab>
      <van-tab title="常见疾病"></van-tab>
      <van-tab title="心理健康">内容 3</van-tab>
      <van-tab title="趣味评估">内容 4</van-tab>
    </van-tabs> -->
    <Tabss></Tabss>
  </div>
</template>

<script setup lang='ts'>
import { ref } from 'vue'
import Tabss from '../../components/healthTest/Tabss/index.vue'
import { useRouter } from 'vue-router';
const active = ref(0)
const router= useRouter()
const onClickLeft = () => history.back()


</script>